<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>用户登陆</title>
<link href="./css/single.css" type="text/css" rel="stylesheet" />
<script src="./js/jquery.js" type="text/javascript"></script>
<style>
body {
	width: 99%;
}
</style>
<script type="text/javascript">
	$(function(){
		$("#loginBtn").click(function(){
			if(checkEmpty()){
				var form = document.getElementById("myform");
				form.submit();
			}
		});
		
		$("#clear").click(function(){
			$("#usernumber").val("");
			$("#password").val("");
		});
	})
	
	function checkEmpty(){
		if($("#usernumber").val() == "" || $("#usernumber").val() == null){
			alert("用户名不能为空");
			$("#usernumber").focus();
			return false;
		}
		if($("#password").val() == "" || $("#password").val() == null){
			alert("密码不能为空");
			$("#password").focus();
			return false;
		}
		return true;
	}
</script>
</head>
<body>
   <div class="yj_login">
    <form action="./j_spring_security_check" method="post" id="myform" >
      <ul class="yj_formul1">
        <li>
          <label>用户帐号：</label>
          <p><input type="text" id="usernumber" name="j_username" class="yj_othfld1" style="width:160px;" /></p>
        </li>
        
        <li>
          <label>用户密码：</label>
          <p><input type="password" id="password" name="j_password" class="yj_othfld1" style="width:160px;" /></p>
        </li>
        <li>
          <label>验 证 码：</label>
          <p><input type="text" class="yj_othfld1" style="width:50px;" id="checkCode" />
            <img src="./images/code.gif" alt="" style="width:55px; height:24px"  /> <a href="#" class="yj_aline yj_link1">换一张</a>
          </p>
        </li>
        <li>
          <label></label>
          <a href="javascript:void(0)" class="yj_dlbutton" id="loginBtn">登录</a>
         <!-- <a href="javascript:void(0)" class="yj_aline yj_link1"  id="clear">重置</a> --> 
           <a href="#" class="yj_aline yj_link1">忘记密码</a>
        </li>
      </ul>
    </form>
  </div>
  </body>
</html>